<!DOCTYPE html> <html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Roads API</title>
    <style>
      html, body, #map {
        height: 100%;
        margin: 0px;
        padding: 0px
      }

      #map {
        height: 800px;
        border: 1px solid #999;
      }

     

    </style>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script
  src="http://code.jquery.com/jquery-2.2.4.js"
  integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI="
  crossorigin="anonymous"></script>
  
    <script
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJE_o5NMpI3h6whvGqPXfhL8-u_xeyV80
&libraries=drawing,places"></script>
      
    <script>
var apiKey = 'AIzaSyA5A5PMl9zfSMmAiu1QyRXZR8TY9COPSKc';

var map;
var drawingManager;
var placeIdArray = [];
var polylines = [];
var snappedCoordinates = [];

function initialize() {
  var mapOptions = {
    zoom: 12
    
  };
  map = new google.maps.Map(document.getElementById('map'), mapOptions);

  
 

}





$(window).load(initialize);

    </script>
  </head>

  <body>
  <div class="container">
   
    <div class="row">
    <div class="col-md-6">
          <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Upload Excel File</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form role="form" method="post" enctype="multipart/form-data" action="{{url('/')}}">
              <div class="box-body">
               
             
                <div class="form-group">
                  <label for="exampleInputFile">Excel</label>
                  <input type="file" name="excel" id="exampleInputFile">

                  <p class="help-block"></p>
                </div>
              
              </div>
              <!-- /.box-body -->

              <div class="box-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>

               {{ csrf_field() }}
            </form>
          </div>
          <!-- /.box -->

        

         

          
                </div>
                <!-- /.col-lg-6 -->
              </div>
              <!-- /.row -->

             
       <hr/>       
        
      <div id="map"></div>
     
      

</div>

  </body>
</html>